<div id="ProjectList">
    <style>@@include('modules/project/ProjectList/main.css.min')</style>
    <!--<style>@@include('css/vendor/swiper.min.css')</style>-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!--<div class="swiper-slide">-->
                <!--<a href="/temp.html" target="_blank">-->
                    <!--<img src="/img/temp/banner3.png">-->
                <!--</a>-->
            <!--</div>-->
            <!--<div class="swiper-slide">-->
                <!--<a href="https://a.eqxiu.com/s/9chS9AFM" target="_blank">-->
                    <!--<img src="/img/banner.png">-->
                <!--</a>-->
            <!--</div>-->
            <div class="swiper-slide">
                <div class="get-more-demand">
                    <div class="background-img" evt="goFollowWx">
                        <h4>3日后只通过“万屏汇”微信公众号<br>发送项目信息</h4>
                        <p class="follow-info">关注公众号即送<span class="bron">5次</span>抢单机会</p>
                        <a class="to-followWx" evt="goFollowWx">立即关注></a>
                    </div> 
                </div>
            </div>  
        </div>
    </div>
    <div class="filter-pane">
        <div class="container">
            <div class="row dropBtn">
                <div class="col-xs-4 text-left js-city" evt="openChoice">
                    <span class="choice-val">我关注的</span>
                    <span class="icon-circle-down"></span>
                </div>
                <div class="col-xs-4 text-center js-business" evt="openChoice">
                    <span class="choice-val">全部类型</span>
                    <span class="icon-circle-down"></span>
                </div>
                <div class="col-xs-4 text-right js-demand" evt="openChoice">
                    <span class="choice-val">全部项目</span>
                    <span class="icon-circle-down"></span>
                </div>
            </div>
        </div>
        <div class="choice-pane" evt="chooseFilter">
            <ul>
                <li con="city@all">
                    全国
                </li>
                <li con="city@mine">
                    我关注的区域
                    <span class="pull-right">
                       <span class="text-primary" evt="loadSetService">&nbsp;设置&nbsp;</span>
                   </span>
                </li>
                <li con="city@none">
                    指定城市
                    <span class="icon-right pull-right"></span>
                </li>
            </ul>
            <ul>
                <li con="business@all">
                    全部类型
                </li>
                <li con="business@mine">
                    我关注的类型
                    <span class="pull-right">
                       <span class="text-primary" evt="loadSetService">&nbsp;设置&nbsp;</span>
                   </span>
                </li>
                <li con="business@1">
                    安装
                </li>
                <li con="business@2">
                    维修
                </li>
                <li con="business@3">
                    租赁
                </li>
                <li con="business@4">
                    采购
                </li>
            </ul>
            <ul>
                <li con="demand@all">
                    全部项目
                </li>
                <li con="demand@ongoing">
                    进行中的
                </li>
                <li con="demand@mine">
                    我参与的
                </li>
                <li con="demand@free">
                    免费订单
                </li>
            </ul>
        </div>
    </div>
    <div id="PromptBar">
        <div class="promptBar hide">暂无更新</div>
    </div>
    <div id="ProjectList-container" class="outerScroller">
        <section class="aui-refresh-content">
            <div class="aui-content">
                <div class="downMore pull-more"></div>
                <div class="scroll">
                    <div class="item" v-for="current_demand of items">
                        <div evt="projectDetail" v-bind:did="current_demand.id">
                            <div class="project-show">
                                <!--head-->
                                <div class="hd">
                                    <!--采购-->
                                    <h2 v-if="current_demand.cate == '4'">{{current_demand.product_type_name_display}}采购
                                        <span class="demand-cate demand-purchase">采购</span>
                                    </h2>
                                    <h2 v-else>{{current_demand.type_name}}
                                        <span class="demand-cate" v-if="current_demand.cate == '1'">安装</span>
                                        <span class="demand-cate demand-repair" v-else-if="current_demand.cate == '2'">维修</span>
                                        <span class="demand-cate demand-rental" v-else-if="current_demand.cate == '3'">租赁</span>
                                    </h2>
                                    <p class="client-info" v-if="current_demand.cate == '4'">
                                        <span v-if="current_demand.deposit != '0.00'"><span class="icon-checkmark02"></span>定金&yen;{{current_demand.deposit}},</span>客户委托平台采购
                                    </p>
                                    <p class="client-info" v-else>
                                        客户 | {{current_demand.user.nick}}
                                    </p>
                                    <!-- 右上角抢单和电话图标 -->
                                    <!--采购单独处理-->
                                    <div v-if="current_demand.cate == '4'">
                                        <button class="grab-icon grab-btn" v-if="current_demand.status == '10' && current_demand.supplier_partic_status == '0' && current_demand.isEnd==false">立即报价</button>
                                        <button class="grab-icon grab-btn" v-else-if="current_demand.status == '10' && current_demand.supplier_partic_status == '10' && current_demand.isEnd==false">重新报价</button>
                                    </div>
                                    <div v-else>
                                        <!--未参与或钱不足或超时未联系 && 项目竞价中或免费竞价中-->
                                        <button v-if="current_demand.tag == '0' && current_demand.supplier_partic_status != '10' && current_demand.supplier_partic_status != '110' && current_demand.supplier_partic_status != '200' && current_demand.status !='15' && current_demand.status !='20' && current_demand.status !='100' && current_demand.status !='200'" class="grab-icon grab-btn">立即抢单</button>
                                        <!--二次竞价文案-->
                                        <button v-else-if="current_demand.tag == '0'&& current_demand.supplier_partic_status != '10' && current_demand.supplier_partic_status != '110' && current_demand.supplier_partic_status != '200' && current_demand.status == '20' "class="grab-icon grab-btn">一口价抢单</button>
                                        <!--排队中；项目竞价中-->
                                        <button v-else-if="current_demand.tag == '0' && current_demand.status == '10' && current_demand.supplier_partic_status == '10'" class="grab-icon grab-btn">重新出价</button>

                                        <!--政府订单不用抢，可直接拨打电话 || 竞拍成功可以拨打电话时，显示电话图标-->
                                        <a v-else-if="current_demand.tag=='110' || (current_demand.tag=='0' && current_demand.status != '200' && current_demand.supplier_partic_status == '110')"><span class="call succ-call icon-phone06" v-on:click="callStop(current_demand.user.phone, $event)"></span></a>
                                        <a v-else-if="current_demand.tag=='0' && current_demand.status != '200' && current_demand.supplier_partic_status == '200'"><span class="call succ-call icon-phone06" v-on:click="callStop(current_demand.user.phone, $event)"></span></a>
                                    </div>
                                    <div class="side">
                                        <div class="budget" v-if="current_demand.budgetFormat.budget">
                                            <cite>预算&nbsp;</cite><span>&nbsp;</span><span class="amt">{{current_demand.budgetFormat.budget}}{{current_demand.budgetFormat.unit}}</span>
                                        </div>
                                        <div class="inquiry" v-else-if="current_demand.cate == '4'">
                                            竞价
                                        </div>
                                        <div class="inquiry" v-else>
                                            议价
                                        </div>
                                    </div>

                                </div>
                                <!--详情-->
                                <div class="bd">
                                    <div class="main" v-if="current_demand.cate == '4'">
                                        <ul>
                                            <li><span class="icon-checkmark02"></span> {{current_demand.product_name_display}}</li>
                                            <li><span class="icon-checkmark02"></span> 数量{{current_demand.product_amount}}件</li>
                                            <li><span class="icon-checkmark02"></span> 位置在{{current_demand.city}}{{current_demand.address}}</li>
                                            <li class="note" v-if="current_demand.note">备注：{{current_demand.note}}</li>
                                        </ul>
                                    </div>
                                    <div class="main" v-else>
                                        <ul>
                                            <li><span class="icon-checkmark02"></span> 位置在{{current_demand.city}}{{current_demand.address}}</li>
                                            <li v-if="current_demand.cate == '1' || current_demand.cate == '3'"><span class="icon-checkmark02"></span> 面积约{{current_demand.size}}㎡</li>
                                            <li v-else><span class="icon-checkmark02"></span> {{current_demand.malf_name}}</li>
                                            <li><span class="icon-checkmark02"></span> {{current_demand.location_name}}{{current_demand.color_name}}显示，间距{{current_demand.span}}</li>
                                            <li class="note" v-if="current_demand.note || current_demand.published_count > 1">备注：
                                                <span class="color-red" v-if="current_demand.published_count > 1">{{current_demand.published_count}}次发布</span>
                                                <span v-if="current_demand.published_count > 1 && current_demand.note"> | </span>
                                                <span v-if="current_demand.note">{{current_demand.note}}</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- 状态图标 -->
                                    <span v-if="current_demand.status==200" class="icon-complete-pc demand-status"></span>
                                    <span v-else-if="current_demand.status == 100 && current_demand.cate != 4" class="icon-qiangdanjieshu demand-status"></span>
                                    <span v-else-if="current_demand.status == 100 && current_demand.cate == 4" class="icon-jingbiaojieshu demand-status"></span>
                                    <span v-else-if="current_demand.tag=='1' && current_demand.status==10" class="icon-suoding demand-status"></span>
                                    <span v-else-if="current_demand.tag=='2' && current_demand.status==10" class="icon-xianzhi demand-status"></span>
                                    <span v-else-if="current_demand.isEnd" class="icon-jingbiaojieshu demand-status"></span>
                                    <span v-else-if="current_demand.has_demand_locked" class="icon-dujiasuoding demand-status"></span>

                                    <!--图片-->
                                    <div class="c-drawing" v-if="current_demand.image != ''" v-bind:class="{'hasImg' : current_demand.image != ''}">
                                        <div class="c-d-tu">
                                            <img v-bind:src="current_demand.image" class="" dom="drawPic" />
                                        </div>
                                    </div>
                                    <div class="other-info">

                <span class="scan-num" v-if="current_demand.demand_finish_img_info.id">
                    工程商：{{current_demand.demand_finish_img_info.com}}
                    <span v-if="current_demand.demand_finish_img_info.com"> | </span> {{current_demand.demand_finish_img_info.nickname}}
                </span>
                                        <span class="scan-num" v-else>{{current_demand.scan_count}}人浏览过</span>
                                        <!--时间-->
                                        <span class="time pull-right">{{updateTime(current_demand.published_at)}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="no-demand" v-if="items.length == 0">
                        <span class="icon-wuxiangmu"></span>
                        <p class="info">暂未找到您需要的项目信息</p>
                        <p class="text-primary" evt="checkMoreDemand">
                            查看更多项目
                            <span class="icon-right"></span>
                        </p>
                    </div>
                    <div class="downMore hide" style="height: .5rem;"> </div>
                    <p class="noMore">-- 已经到底了 --</p>
                </div>
            </div>
        </section>
    </div>

</div>